.searchResultEngine {
  display: flex;
  flex-direction: column;
  overflow: auto;
  pointer-events: auto;

  &-CenterPlugin .dn-droppable-placeholder {
    height: 32px;
    min-width: 200px;
    width: 100%;
  }

  &-PluginBox {
    display: flex;

    .eformButton,
    .EformButtonGroupContainer>div {
      margin-bottom: 10px !important;
    }

    .dn-droppable-placeholder {
      width: 100%;
    }
  }

  .ant-tabs,
  .ant-tabs-content {
    height: 100%;
    .ant-tabs-tab {
      color: #666;
    }
    .ant-tabs-tab-btn:hover {
      color: var(--ant-primary-color);
    }
  }

  .ant-tabs-top>.ant-tabs-nav {
    margin: 0;

    &::before {
      border: none;
    }
  }

  .searchResultContentBox {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-top: 1px solid #eee;
  }

  // 系统分类
  .systemGroup {
    margin-top: 30px;
    margin-bottom: 14px;

    button {
      height: 32px;
      margin-right: 36px;
      color: #333;
      border: none;
      border-radius: 16px;
      box-shadow: none;

      &.selected,
      &.selected:hover,
      &.selected:focus {
        color: #fff;
        background-color: var(--ant-primary-color);
      }

      &:last-child {
        margin-right: 0;
      }

      &:hover {
        background-color: #f5f5f5;
      }
    }
  }

  .searchResultContent {
    display: flex;
    flex: 1;
    overflow: auto;
    position: relative;
    --search-color: red;

    &.top {
      flex-direction: column;
    }

    .rightTabShowLine {
      display: flex;
      flex: 1;
      border-left: 1px solid #eee;

      .formTitle {
        display: flex;
        justify-content: space-between;
        color: #666;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #eee;
        padding-left: 15px;

        .titleOperation {
          cursor: pointer;

          .resetFields:hover {
            color: var(--inbiz-color-primary);
          }

          .closeIcon:hover {
            .anticon {
              color: var(--inbiz-color-primary);
            }
          }
        }

        .clear {
          display: none;
          cursor: pointer;
          color: #666;
        }

        &:hover {
          .clear {
            display: block;
          }
        }
      }
    }
    .rightTabNoLine {
      border: none;
    }
    .category {
      .ant-typography {
        color: #666;
        font-size: 12px;
      }
    }

    // 渲染分类按钮
    .category .categoryItemBox,
    .category .categoryBox .allBtn {

      button:hover {
        color: var(--ant-primary-color);
        background-color: var(--ant-primary-1);
        border-radius: 24px;

        &:focus {
          color: var(--ant-primary-color);
        }

        .ant-typography {
          color: var(--ant-primary-color);
        }
      }

      &.selected button {
        color: var(--ant-primary-color);
        background-color: var(--ant-primary-1);

        .ant-typography {
          color: var(--ant-primary-color);
        }
      }

      button {
        font-size: 14px;
        border: none;
        box-shadow: none;

        // &:focus {
        //   color: initial;
        // }

        span {
          max-width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        img {
          width: 14px;
          height: 14px;
          margin-right: 7px;
          margin-bottom: 4px;
          margin-top: 2px;

          &+span {
            max-width: calc(100% - 20px);
          }
        }

        label+span {
          max-width: calc(100% - 20px);
        }

        label+img+span {
          max-width: calc(100% - 40px);
        }
      }
    }

    .categoryBox .multipleSelected {
      button {
        margin: 0;
        padding: 0 8px;
      }

      span {
        padding: 0;
      }
    }

    .categoryMultipleItemBox {

      // &.selected {
      //   background-color: var(--ant-primary-1);
      // }
      &.selected button,
      button:hover {
        border-radius: 0 !important;
      }

      &.selected button {
        color: rgba(0, 0, 0, 0.85);
        background-color: transparent;
        border-radius: 24px;
      }
    }

    .categoryItemBox {
      .ant-checkbox-wrapper {
        margin-right: 5px;
        line-height: 21px;
      }

      &>button>span {
        display: inline-block;
        margin-top: -2px;
        vertical-align: middle;
      }
    }

    // 渲染box
    .contentMain {
      display: flex;
      flex: 7;
      flex-direction: column;
      overflow: auto;

      .content-head {
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        border-bottom: 1px solid #eee;
        .left,
        .right {
          display: flex;
          flex: 1;
          margin-bottom: 0;
          align-items: center;

          .ant-checkbox-wrapper {
            margin-right: 20px;
          }

          ul {
            margin: 0;
          }

          li {
            display: inline-block;
            margin-right: 43px;
            // margin-bottom: 5px;
            font-size: 12px;

            &:last-child {
              margin-right: 0;
            }

            a {
              color: #999;

              span {
                margin-left: 5px;
                opacity: 0;
              }

              &.selected {
                color: var(--ant-primary-color);

                span {
                  opacity: 1;
                }
              }
            }
          }
          .number {
            color: var(--ant-primary-color);
          }
        }

        .headerright {
          float: right;
          color: var(--inbiz-color-secondary-text);
          font-size: 14px;
          margin-right: 10px;

          .ant-select-selection-item {
            .checkIcon {
              display: none;
            }
          }

          .number {
            margin: 0 2px;
            color: var(--ant-primary-color);
          }

          .anticon {
            font-size: 14px;
          }
        }

        .ant-select {
          .ant-select-selector {
            border: none;
            color: #666;
          }

          .ant-select-arrow {
            .anticon {
              font-size: 10px;
            }
          }
        }

        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
          border: none;
          box-shadow: none;
        }
      }

      // 相似搜索
      .synonymWord {
        margin-bottom: 30px;

        &>p {
          margin-bottom: 0;
          color: #333;
          font-size: 14px;
          line-height: 19px;
        }

        &-item {
          display: inline-block;
          margin-top: 15px;
          margin-right: 20px;
          padding: 6px 16px;
          color: #666;
          font-size: 14px;
          line-height: 17px;
          background-color: #f5f5f5;
          border-radius: 17px;
        }
      }
    }
  }

  ._markImg {
    height: 16px;
    margin: 0 10px;
    cursor: pointer;
  }

  // 分页信息
  .paginationBox {
    margin-right: 15px;
    margin-bottom: 15px;

    .inbiz-pagination {
      background: transparent !important;
    }

    .ant-pagination-jump-next,
    .ant-pagination-jump-prev,
    .ant-pagination-next,
    .ant-pagination-prev {
      line-height: 30px !important;
    }
  }
}